.processor_bar {
	border-bottom-color: rgb(206, 206, 206);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	box-shadow: inset 0px 1px 0px 0px #f8f8f8;
	background-image: linear-gradient(rgb(243, 242, 242) 0px,
		rgb(223, 223, 223) 100%);
	background-color: rgb(233, 233, 233);
	-moz-box-shadow: inset 0 1px 0 0 #f8f8f8;
	-webkit-box-shadow: inset 0 1px 0 0 #f8f8f8;
}

.dialog .processor_bar {
	border-bottom-color: rgb(177, 177, 177);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	box-shadow: inset 0px 1px 0px 0px #f8f8f8, 0px 1px 2px 0px #cacaca;
	-moz-box-shadow: inset 0 1px 0 0 #f8f8f8, 0 1px 2px 0 #cacaca;
	-webkit-box-shadow: inset 0 1px 0 0 #f8f8f8, 0 1px 2px 0 #cacaca;
}

.ie.processor_bar .step {
	background:
		url("/mpres/htmledition/common/images/bg/bg_processor_ie1e5b3a.png")
		no-repeat 0px 0px;
}

.ie.processor_bar .current.step {
	background-image: none;
	background-color: rgb(98, 162, 86);
}

.processor_bar .step {
	background:
		url("/mpres/htmledition/common/images/bg/bg_processor1e5b3a.png")
		no-repeat 0px 0px;
	text-align: center;
	color: rgb(116, 116, 116);
	line-height: 36px;
}

.processor_bar .pprev.step {
	background-position: right 0px;
}

.processor_bar .pprev.step h4 {
	padding-right: 14px;
}

.processor_bar .prev.step {
	background-position: right -85px;
}

.processor_bar .prev.step h4 {
	padding-right: 14px;
}

.processor_bar .current.step {
	color: rgb(255, 255, 255);
	background-image: linear-gradient(rgb(120, 188, 109) 0px,
		rgb(79, 141, 68) 100%);
	background-color: rgb(95, 160, 84);
}

.processor_bar .next.step {
	background-position: left -41px;
}

.processor_bar .next.step h4 {
	padding-left: 8px;
}

.processor_bar .nnext.step {
	background-position: left -1px;
}

.processor_bar .nnext.step h4 {
	padding-left: 8px;
}

.processor_bar h4 {
	width: auto;
	overflow: hidden;
	font-style: normal;
	font-weight: 400;
	white-space: nowrap;
	-ms-word-wrap: normal;
	-ms-text-overflow: ellipsis;
}

.processor_bar {
	border-color: rgb(230, 231, 234);
	box-shadow: none;
	background-image: none;
	background-color: rgb(255, 255, 255);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.dialog .processor_bar {
	border-color: rgb(230, 231, 234);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.ie.processor_bar .step {
	background-image:
		url("/mpres/htmledition/images/bg/bg_processor1e5b3a.png");
}

.ie.processor_bar .current.step {
	background-color: rgb(68, 181, 73);
}

.processor_bar .step {
	background: url("/mpres/htmledition/images/bg/bg_processor1e5b3a.png")
		no-repeat 0px 0px;
	line-height: 44px;
}

.processor_bar .prev.step {
	background-position: right -44px;
}

.processor_bar .current.step {
	background-image: none;
	background-color: rgb(68, 181, 73);
}

.processor_bar .next.step {
	background-position: 0px -88px;
}

.processor_bar .nnext.step {
	background-position: 0px 0px;
}

.with_form.dropdown_area {
	height: 32px;
	line-height: 32px;
}

.with_form.dropdown_area .dropdown_value {
	vertical-align: middle;
	display: inline-block;
}

.with_form.dropdown_area .dropdown_wrp {
	line-height: 1.6;
}

.with_form.dropdown_area .dropdown_menu {
	vertical-align: top;
}

.with_form.dropdown_area .dropdown_menu {
	margin-top: -0.2em;
	margin-right: 10px;
}

.with_form.dropdown_area .dropdown_value {
	margin-top: -0.2em;
	margin-right: 10px;
}

.spacing.dropdown_area {
	margin-bottom: 10px;
}

.dropdown_wrp {
	vertical-align: middle;
	display: inline-block;
}

.dropdown_menu {
	width: 95px;
	text-align: left;
	line-height: normal;
	display: inline-block;
	position: relative;
}

.open.dropdown_menu {
	z-index: 2;
}

.disabled.dropdown_menu .dropdown_switch {
	border-color: rgb(218, 219, 224);
	color: rgb(165, 166, 170);
	cursor: default;
	background-image: linear-gradient(rgb(230, 231, 236) 0px,
		rgb(230, 231, 236) 100%);
	background-color: rgb(230, 231, 236);
}

.disabled.dropdown_menu .dropdown_switch button {
	color: rgb(165, 166, 170);
	cursor: default;
}

.disabled.dropdown_menu .dropdown_switch:hover {
	border-color: rgb(218, 219, 224);
	color: rgb(165, 166, 170);
	box-shadow: none;
	background-image: linear-gradient(rgb(230, 231, 236) 0px,
		rgb(230, 231, 236) 100%);
	background-color: rgb(230, 231, 236);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.disabled.dropdown_menu .dropdown_switch:hover button {
	color: rgb(165, 166, 170);
	cursor: default;
}

.disabled.dropdown_menu .dropdown_switch label {
	cursor: default;
}

.disabled.dropdown_menu .dropdown_switch .arrow {
	border-top-color: rgb(160, 160, 160);
}

.search.dropdown_menu .dropdown_switch label {
	outline: 0px;
}

.search.dropdown_menu .dropdown_switch label.error {
	color: rgb(177, 21, 22);
}

.search.dropdown_menu .dropdown_data_list .empty {
	padding: 0px 10px;
	color: rgb(123, 123, 123);
	line-height: 30px;
	white-space: nowrap;
}

.dropdown_checkbox.dropdown_menu .dropdown_data_list {
	padding: 10px;
	width: 150px;
	height: auto;
	overflow: visible;
	min-height: inherit;
	max-height: none;
}

.dropdown_checkbox.dropdown_menu .dropdown_data_list_item {
	width: 150px;
	vertical-align: top;
	display: inline-block;
}

.dropdown_checkbox.dropdown_menu .dropdown_data_item {
	padding: 0px 10px;
}

.dropdown_checkbox.dropdown_menu .dropdown_tool_bar {
	margin: 10px 0px 0px;
	padding: 20px 0px 10px;
	text-align: center;
	border-top-color: rgb(230, 230, 230);
	border-top-width: 1px;
	border-top-style: solid;
	box-shadow: inset 0px 1px 0px #fbfbfb;
	-moz-box-shadow: inset 0 1px 0 #fbfbfb;
	-webkit-box-shadow: inset 0 1px 0 #fbfbfb;
}

.dropdown_checkbox.dropdown_menu .dropdown_tool_bar .btn {
	margin: 0px 3px;
}

.dropdown_checkbox.dropdown_menu .frm_checkbox_label {
	width: auto;
	overflow: hidden;
	margin-right: 0px;
	display: block;
	white-space: nowrap;
	-ms-word-wrap: normal;
	-ms-text-overflow: ellipsis;
}

.dropdown_switch.btn {
	border-color: rgb(230, 231, 236);
	width: 100%;
	height: 30px;
	text-align: left;
	color: rgb(34, 34, 34);
	line-height: 30px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: linear-gradient(rgb(255, 255, 255) 0px,
		rgb(255, 255, 255) 100%);
	background-color: rgb(255, 255, 255);
}

.dropdown_switch.btn button {
	color: rgb(34, 34, 34);
}

.dropdown_switch.btn:hover {
	border-color: rgb(218, 219, 224);
	color: rgb(0, 0, 0);
	box-shadow: none;
	background-image: linear-gradient(rgb(230, 231, 236) 0px,
		rgb(230, 231, 236) 100%);
	background-color: rgb(230, 231, 236);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.dropdown_switch.btn:hover button {
	color: rgb(34, 34, 34);
}

.dropdown_switch {
	position: relative;
}

.dropdown_switch label {
	width: auto;
	overflow: hidden;
	margin-right: 25px;
	margin-left: 10px;
	display: block;
	white-space: nowrap;
	cursor: pointer;
	-ms-word-break: normal;
	-ms-word-wrap: normal;
	-ms-text-overflow: ellipsis;
}

.dropdown_switch .arrow {
	border-width: 5px 5px 0px;
	border-style: solid dashed dashed;
	border-color: rgb(198, 198, 198) transparent transparent;
	top: 50%;
	width: 0px;
	height: 0px;
	right: 10px;
	margin-top: -2.5px;
	display: inline-block;
	position: absolute;
}

.dropdown_data_list {
	border-radius: 3px;
	border: 1px solid rgb(217, 218, 220);
	border-image: none;
	left: 0px;
	top: 31px;
	font-size: 14px;
	display: none;
	position: absolute;
	z-index: 1;
	-ms-overflow-x: hidden;
	-ms-overflow-y: auto;
	min-height: 2em;
	max-height: 150px;
	min-width: 100%;
	box-shadow: none;
	background-color: rgb(255, 255, 255);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.dropdown_data_item {
	line-height: 30px;
}

.dropdown_data_item a {
	padding: 0px 28px 0px 10px;
	color: rgb(34, 34, 34);
	text-decoration: none;
	display: block;
	white-space: nowrap;
}

.dropdown_data_item:hover {
	background-color: rgb(244, 245, 249);
}

.dropdown_switch.btn {
	border-radius: 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.dropdown_switch.btn:hover .arrow {
	border-top-color: rgb(160, 160, 160);
}

.dropdown_data_list {
	padding: 5px 0px 10px;
	border-radius: 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.dropdown_menu {
	width: 116px;
}

.dropdown_checkbox.dropdown_menu .dropdown_tool_bar {
	padding: 16px 0px 7px;
	border-top-color: rgb(231, 231, 235);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.msg_pre_view li {
	margin-bottom: 20px;
}

.msg_pre_view .title {
	width: 50%;
	text-align: right;
	display: inline-block;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-ms-box-sizing: content-box;
}

.msg_pre_view .msg {
	width: 50%;
	padding-left: 1em;
	display: inline-block;
	-ms-word-break: break-all;
	-ms-zoom: 1;
	-ms-word-wrap: break-word;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.msg_pre_view .msg .color_panel {
	border-radius: 1px;
	border: 1px solid rgb(255, 255, 255);
	border-image: none;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	display: block;
	box-shadow: 0px 0px 3px #8d8d8d;
	-moz-box-shadow: 0 0 3px #8d8d8d;
	-webkit-box-shadow: 0 0 3px #8d8d8d;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
}

.msg_pre_view .msg .pre {
	margin: 0px;
	-ms-word-break: break-all;
	-ms-word-wrap: break-word;
}

.msg_pre_view .msg img {
	width: 200px;
}

.msg_pre_view .msg .tips {
	color: rgb(163, 163, 163);
	font-size: 14px;
}

.msg_pre_view .page_top .link {
	right: 0px;
	position: relative;
}

.release_method {
	padding: 55px 45px;
	text-align: center;
}

.table_wrp table {
	border-right-color: rgb(231, 231, 235);
	border-left-color: rgb(231, 231, 235);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
}

.table_wrp table .tbody {
	color: rgb(141, 141, 141);
}

.table_wrp table .table_cell {
	padding: 0px;
	text-align: left;
	line-height: normal;
}

.table_wrp table .table_cell .td_panel {
	padding: 10px 1em;
}

.table_wrp table .select_box.table_cell {
	width: 1%;
}

.table_wrp table .select_box.table_cell .frm_radio_label {
	margin-right: 0px;
}

.table_wrp table .kind.table_cell {
	width: 14%;
	color: rgb(0, 0, 0);
}

.table_wrp table .name.table_cell {
	width: 28%;
}

.table_wrp table .time.table_cell {
	width: 34%;
}

.table_wrp table .state.table_cell {
	width: 15%;
	text-align: right;
}

.table_wrp .pagination {
	text-align: right;
	margin-top: 9px;
}

.msg_pre_view .title {
	width: 40%;
	text-align: right;
	color: rgb(141, 141, 141);
}

.msg_pre_view .msg {
	width: 53%;
	text-align: left;
	padding-left: 2em;
}

.msg_pre_view .frm_control_group {
	top: -6px;
	position: relative;
}

.msg_pre_view .frm_control_group .frm_input_box {
	width: 60px;
	margin-right: 5px;
}

.pagination_wrp {
	text-align: right;
}

.pagination {
	
}

.page_nav_area {
	font-size: 12px;
	vertical-align: middle;
	display: inline-block;
}

.goto_area {
	font-size: 12px;
	vertical-align: middle;
	display: inline-block;
}

.page_nav_area {
	letter-spacing: 4px;
}

.page_nav_area .btn {
	letter-spacing: normal;
}

.page_nav_area .gap_prev {
	letter-spacing: normal;
	font-size: 14px;
	margin-right: 4px;
	margin-left: 4px;
	vertical-align: middle;
	display: inline-block;
}

.page_nav_area .gap_next {
	letter-spacing: normal;
	font-size: 14px;
	margin-right: 4px;
	margin-left: 4px;
	vertical-align: middle;
	display: inline-block;
}

.page_nav.btn {
	border-color: rgb(230, 231, 236);
	margin: 0px;
	width: auto;
	height: 30px;
	color: rgb(34, 34, 34);
	line-height: 30px;
	padding-right: 14px;
	padding-left: 14px;
	background-image: linear-gradient(rgb(255, 255, 255) 0px,
		rgb(255, 255, 255) 100%);
	background-color: rgb(255, 255, 255);
}

.page_nav.btn button {
	color: rgb(34, 34, 34);
}

.page_nav.btn:hover {
	border-color: rgb(218, 219, 224);
	color: rgb(0, 0, 0);
	box-shadow: none;
	background-image: linear-gradient(rgb(230, 231, 236) 0px,
		rgb(230, 231, 236) 100%);
	background-color: rgb(230, 231, 236);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.page_nav.btn:hover button {
	color: rgb(34, 34, 34);
}

.current.page_nav.btn {
	background: 0px;
	border: 0px currentColor;
	border-image: none;
	cursor: default;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.page_prev.btn {
	border-color: rgb(230, 231, 236);
	width: auto;
	height: 30px;
	color: rgb(34, 34, 34);
	line-height: 30px;
	letter-spacing: -5px;
	padding-right: 14px;
	padding-left: 14px;
	font-size: 0px;
	position: relative;
	background-image: linear-gradient(rgb(255, 255, 255) 0px,
		rgb(255, 255, 255) 100%);
	background-color: rgb(255, 255, 255);
}

.page_next.btn {
	border-color: rgb(230, 231, 236);
	width: auto;
	height: 30px;
	color: rgb(34, 34, 34);
	line-height: 30px;
	letter-spacing: -5px;
	padding-right: 14px;
	padding-left: 14px;
	font-size: 0px;
	position: relative;
	background-image: linear-gradient(rgb(255, 255, 255) 0px,
		rgb(255, 255, 255) 100%);
	background-color: rgb(255, 255, 255);
}

.page_prev.btn button {
	color: rgb(34, 34, 34);
}

.page_next.btn button {
	color: rgb(34, 34, 34);
}

.page_prev.btn:hover {
	border-color: rgb(218, 219, 224);
	color: rgb(0, 0, 0);
	box-shadow: none;
	background-image: linear-gradient(rgb(230, 231, 236) 0px,
		rgb(230, 231, 236) 100%);
	background-color: rgb(230, 231, 236);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.page_next.btn:hover {
	border-color: rgb(218, 219, 224);
	color: rgb(0, 0, 0);
	box-shadow: none;
	background-image: linear-gradient(rgb(230, 231, 236) 0px,
		rgb(230, 231, 236) 100%);
	background-color: rgb(230, 231, 236);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.page_prev.btn:hover button {
	color: rgb(34, 34, 34);
}

.page_next.btn:hover button {
	color: rgb(34, 34, 34);
}

.page_prev.btn .arrow {
	left: 50%;
	top: 50%;
	margin-top: -6px;
	margin-left: -3px;
	position: absolute;
}

.page_next.btn .arrow {
	left: 50%;
	top: 50%;
	margin-top: -6px;
	margin-left: -3px;
	position: absolute;
}

.page_first.btn {
	border-color: rgb(230, 231, 236);
	width: auto;
	height: 30px;
	color: rgb(34, 34, 34);
	line-height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: linear-gradient(rgb(255, 255, 255) 0px,
		rgb(255, 255, 255) 100%);
	background-color: rgb(255, 255, 255);
}

.page_last.btn {
	border-color: rgb(230, 231, 236);
	width: auto;
	height: 30px;
	color: rgb(34, 34, 34);
	line-height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: linear-gradient(rgb(255, 255, 255) 0px,
		rgb(255, 255, 255) 100%);
	background-color: rgb(255, 255, 255);
}

.page_go.btn {
	border-color: rgb(230, 231, 236);
	width: auto;
	height: 30px;
	color: rgb(34, 34, 34);
	line-height: 30px;
	padding-right: 20px;
	padding-left: 20px;
	background-image: linear-gradient(rgb(255, 255, 255) 0px,
		rgb(255, 255, 255) 100%);
	background-color: rgb(255, 255, 255);
}

.page_first.btn button {
	color: rgb(34, 34, 34);
}

.page_last.btn button {
	color: rgb(34, 34, 34);
}

.page_go.btn button {
	color: rgb(34, 34, 34);
}

.page_first.btn:hover {
	border-color: rgb(218, 219, 224);
	color: rgb(0, 0, 0);
	box-shadow: none;
	background-image: linear-gradient(rgb(230, 231, 236) 0px,
		rgb(230, 231, 236) 100%);
	background-color: rgb(230, 231, 236);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.page_last.btn:hover {
	border-color: rgb(218, 219, 224);
	color: rgb(0, 0, 0);
	box-shadow: none;
	background-image: linear-gradient(rgb(230, 231, 236) 0px,
		rgb(230, 231, 236) 100%);
	background-color: rgb(230, 231, 236);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.page_go.btn:hover {
	border-color: rgb(218, 219, 224);
	color: rgb(0, 0, 0);
	box-shadow: none;
	background-image: linear-gradient(rgb(230, 231, 236) 0px,
		rgb(230, 231, 236) 100%);
	background-color: rgb(230, 231, 236);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.page_first.btn:hover button {
	color: rgb(34, 34, 34);
}

.page_last.btn:hover button {
	color: rgb(34, 34, 34);
}

.page_go.btn:hover button {
	color: rgb(34, 34, 34);
}

.page_next .arrow {
	border-width: 6px 0px 6px 6px;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent rgb(145, 145, 145);
	width: 0px;
	height: 0px;
	display: inline-block;
}

.page_prev .arrow {
	border-width: 6px 6px 6px 0px;
	border-style: dashed solid dashed dashed;
	border-color: transparent rgb(145, 145, 145) transparent transparent;
	width: 0px;
	height: 0px;
	display: inline-block;
}

.page_num {
	letter-spacing: normal;
	font-size: 14px;
	vertical-align: middle;
	display: inline-block;
}

.goto_area {
	margin-left: 8px;
}

.goto_area input[type='text'] {
	padding: 4px 0px;
	border-radius: 3px;
	border: 1px solid rgb(231, 231, 235);
	border-image: none;
	width: 75px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
	margin-right: 4px;
	vertical-align: middle;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.pagination .btn {
	min-width: 0px;
}

.upload_tips_block .upload_tips {
	padding-top: 4px;
	padding-bottom: 10px;
	margin-left: 0px;
	display: block;
}

.has_demo.upload_box {
	margin-left: 114px;
}

.upload_demo {
	left: -114px;
	top: 0px;
	text-align: center;
	position: absolute;
}

.upload_demo img {
	width: 100px;
}

.upload_demo strong {
	color: rgb(141, 141, 141);
	font-style: normal;
	font-weight: 400;
	display: block;
}

.upload_preview {
	margin-top: 10px;
}

.upload_preview img {
	max-height: 100px;
	max-width: 100px;
}

.upload_box {
	line-height: 1.6;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	z-index: 1;
}

.frm_input_box .upload_box {
	margin-top: -0.35em;
}

.frm_input_box .upload_box .upload_file_box {
	border-color: rgb(211, 211, 211);
	border-radius: 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.frm_input_box .upload_box .upload_preview img {
	max-height: 100px;
	max-width: 100px;
}

.upload_area {
	vertical-align: middle;
	display: inline-block;
	position: relative;
}

.upload_area .upload_access {
	color: rgb(34, 34, 34);
	vertical-align: top;
	display: inline-block;
}

.upload_area .upload_access i {
	margin-top: -0.2em;
}

.upload_area object {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
}

.upload_area:hover .btn_upload {
	border-color: rgb(218, 219, 224);
	background-image: none;
	background-color: rgb(230, 231, 236);
}

.upload_area:hover .btn_default {
	border-color: rgb(218, 219, 224);
	background-image: none;
	background-color: rgb(230, 231, 236);
}

.upload_area:hover .btn_primary {
	border-color: rgb(47, 152, 51);
	background-image: none;
	background-color: rgb(47, 152, 51);
}

.upload_area:hover .btn_upload_primary {
	border-color: rgb(47, 152, 51);
	background-image: none;
	background-color: rgb(47, 152, 51);
}

.upload_area:hover object {
	opacity: 0.01;
	-moz-opacity: .01;
	-khtml-opacity: .01;
}

.btn_upload.btn {
	border-color: rgb(230, 231, 236);
	color: rgb(34, 34, 34);
	background-image: linear-gradient(rgb(255, 255, 255) 0px,
		rgb(255, 255, 255) 100%);
	background-color: rgb(255, 255, 255);
}

.btn_upload.btn button {
	color: rgb(34, 34, 34);
}

.btn_upload.btn:hover {
	border-color: rgb(218, 219, 224);
	color: rgb(0, 0, 0);
	box-shadow: none;
	background-image: linear-gradient(rgb(230, 231, 236) 0px,
		rgb(230, 231, 236) 100%);
	background-color: rgb(230, 231, 236);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.btn_upload.btn:hover button {
	color: rgb(34, 34, 34);
}

.btn_upload_primary.btn {
	border-color: rgb(68, 181, 73);
	color: rgb(255, 255, 255);
	background-image: linear-gradient(rgb(68, 181, 73) 0px, rgb(68, 181, 73)
		100%);
	background-color: rgb(68, 181, 73);
}

.btn_upload_primary.btn button {
	color: rgb(255, 255, 255);
}

.btn_upload_primary.btn:hover {
	border-color: rgb(47, 152, 51);
	color: rgb(255, 255, 255);
	box-shadow: none;
	background-image: linear-gradient(rgb(47, 152, 51) 0px, rgb(47, 152, 51)
		100%);
	background-color: rgb(47, 152, 51);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.btn_upload_primary.btn:hover button {
	color: rgb(255, 255, 255);
}

.upload_tips {
	color: rgb(141, 141, 141);
	font-style: normal;
	font-weight: 400;
	margin-left: 3px;
	vertical-align: middle;
	display: inline-block;
}

.upload_file_box {
	padding: 5px 0px;
	border: 1px solid rgb(231, 231, 235);
	border-image: none;
	left: 0px;
	top: 100%;
	width: auto;
	white-space: nowrap;
	position: absolute;
	max-height: 300px;
	background-color: rgb(255, 255, 255);
}

.upload_file_box ul {
	border: 1px solid rgb(231, 231, 235);
	border-image: none;
	-ms-overflow-y: scroll;
	max-height: 150px;
}

.scroll.upload_file_box {
	-ms-overflow-x: hidden;
	-ms-overflow-y: scroll;
}

.upload_file {
	padding: 3px 24px;
}

.upload_file:hover {
	background-color: rgb(244, 245, 249);
}

.progress_bar {
	width: 200px;
	overflow: hidden;
	vertical-align: middle;
	display: inline-block;
	background-color: rgb(231, 231, 235);
}

.progress_bar_thumb {
	height: 5px;
	background-color: rgb(90, 161, 221);
}

.upload_file_name {
	width: 95px;
	overflow: hidden;
	font-style: normal;
	font-weight: 400;
	vertical-align: middle;
	display: inline-block;
	white-space: nowrap;
	-ms-word-wrap: normal;
	-ms-text-overflow: ellipsis;
}

.upload_file_size {
	width: 80px;
	color: rgb(141, 141, 141);
	overflow: hidden;
	margin-right: 10px;
	vertical-align: middle;
	display: inline-block;
	white-space: nowrap;
	-ms-word-wrap: normal;
	-ms-text-overflow: ellipsis;
}

.upload_file_status {
	font-style: normal;
	font-weight: 400;
}

.error.upload_file_status {
	color: rgb(225, 95, 99);
}

.success.upload_file_status {
	color: rgb(127, 186, 79);
}

.upload_file_cancel {
	margin-left: 10px;
}

.rich_buddy {
	width: 240px;
	padding-top: 0px;
	z-index: 1;
}

.rich_buddy .popover_inner {
	padding: 25px 25px 35px;
}

.rich_buddy .popover_content {
	width: auto;
}

.rich_buddy .frm_control_group {
	padding-bottom: 0px;
}

.rich_buddy .frm_label {
	width: 3em;
	overflow: hidden;
	white-space: nowrap;
	-ms-word-wrap: normal;
	-ms-text-overflow: ellipsis;
}

.rich_buddy .dropdown_wrp {
	padding-top: 5px;
}

.rich_buddy select {
	width: 120px;
	overflow: hidden;
	white-space: nowrap;
	-ms-word-wrap: normal;
	-ms-text-overflow: ellipsis;
}

.rich_buddy_hd {
	padding-bottom: 10px;
}

.rich_buddy_loading {
	height: 150px;
	text-align: center;
}

.tooltip {
	position: absolute;
	z-index: 10;
}

.tooltip_inner {
	padding: 0px 10px;
	color: rgb(255, 255, 255);
	line-height: 21px;
	font-size: 12px;
	-ms-word-break: break-all;
	-ms-word-wrap: break-word;
	background-color: rgb(85, 85, 86);
}

.tooltip_arrow {
	border-width: 0px 6px 6px;
	border-style: dashed dashed solid;
	border-color: transparent transparent rgb(85, 85, 86);
	left: 50%;
	top: -6px;
	width: 0px;
	height: 0px;
	margin-left: -6px;
	display: inline-block;
	position: absolute;
}

.bCardPreviewBox #bCardUserInput {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(102, 102, 102) rgb(170, 170, 170) rgb(170, 170, 170);
	padding: 5px;
	outline: 0px;
	border-image: none;
	width: 300px;
	margin-right: 10px;
	box-shadow: inset 0px 1px 1px #aaa;
}

.bCardPreviewBox .inputArea .desc {
	padding: 5px 0px;
	color: rgb(102, 102, 102);
}

.bCardPreviewBox .inputArea .desc::after {
	height: 0px;
	clear: both;
	display: block;
	content: "\200B";
}

.bCardPreviewBox .inputArea a {
	color: rgb(69, 113, 163);
}

.bCardPreviewBox .inputArea .desc {
	color: rgb(102, 102, 102);
	padding-bottom: 10px;
}

.bCardPreviewBox #previewBox {
	padding: 20px 0px;
}

.bcardBox .bCard {
	overflow: hidden;
	background-color: rgb(255, 255, 255);
}

.bcardBox .bCardHeader {
	margin: 2px 10px;
	color: rgb(170, 170, 170);
	border-bottom-color: rgb(211, 211, 211);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.bcardBox .bCardContent {
	padding: 8px 10px;
	overflow: hidden;
}

.bcardBox .bCardContent .bCardAvatar {
	width: 48px;
	height: 48px;
	float: left;
}

.bcardBox .bCardContent .info {
	margin-left: 60px;
}

.bcardBox .bCardContent .info .nickname {
	padding-bottom: 3px;
	font-size: 16px;
	font-weight: 700;
}

.bcardBox .bCardContent .info .username {
	color: rgb(102, 102, 102);
	font-size: 14px;
}

.audioBox {
	width: 80px;
	height: 80px;
	position: relative;
	cursor: pointer;
	background-color: rgb(228, 228, 228);
}

.audioBox .audioIconWrp {
	margin: -16px 0px 0px -16px;
	left: 50%;
	top: 50%;
	width: 32px;
	height: 32px;
	position: absolute;
}

.audioBox .audioIcon {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media_z1ee6dc.png")
		no-repeat 0px 0px;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	display: inline-block;
}

.audioBox .audioIconGif {
	background:
		url("/mpres/htmledition/images/icon/media/icon_audio_gray_s1e7c60.gif")
		no-repeat 0px 0px;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	display: none;
}

.audioBox b {
	right: 5px;
	bottom: 2px;
	color: rgb(183, 183, 183);
	font-size: 12px;
	font-weight: normal;
	position: absolute;
}

.large_audiobox_wrp .audioBox .audioIcon {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media_z1ee6dc.png")
		no-repeat 0px -42px;
	width: 48px;
	height: 48px;
	vertical-align: middle;
	display: inline-block;
}

.large_audiobox_wrp .audioBox .audioIconGif {
	background:
		url("/mpres/htmledition/images/icon/media/icon_audio_gray_b1e7c60.gif")
		no-repeat 0px 0px;
	width: 48px;
	height: 48px;
	vertical-align: middle;
	display: none;
}

.large_audiobox_wrp .audioBox .audioIconWrp {
	margin: -24px 0px 0px -24px;
	width: 48px;
	height: 48px;
}

.large_audiobox_wrp .audioBox b {
	font-size: 14px;
}

.wxAudioPlaying .audioBox .audioIcon {
	display: none;
}

.wxAudioPlaying .audioBox .audioIconGif {
	display: block;
}

.video-js {
	padding: 0px;
	font-size: 10px;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-ms-user-select: none;
	background-color: rgb(0, 0, 0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.video-js .vjs-tech {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
}

body.vjs-full-window {
	margin: 0px;
	padding: 0px;
	height: 100%;
	-ms-overflow-y: auto;
}

.vjs-fullscreen.video-js {
	left: 0px;
	top: 0px;
	width: 100% !important;
	height: 100% !important;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	position: fixed;
	z-index: 1000;
	_position: absolute;
}

.vjs-poster {
	background-position: 50% 50%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: contain;
}

.vjs-poster img {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	display: block;
	max-height: 100%;
}

.video-js .vjs-text-track-display {
	left: 1em;
	text-align: center;
	right: 1em;
	bottom: 4em;
	font-family: Arial, sans-serif;
	position: absolute;
}

.video-js .vjs-text-track {
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	font-size: 1.4em;
	margin-bottom: 0.1em;
	display: none;
}

.video-js .vjs-subtitles {
	color: rgb(255, 255, 255);
}

.video-js .vjs-captions {
	color: rgb(255, 204, 102);
}

.vjs-tt-cue {
	display: block;
}

.vjs-fade-in {
	transition: visibility 0.1s, opacity 0.1s;
	display: block !important;
	visibility: visible;
	opacity: 1;
	-webkit-transition: visibility .1s, opacity .1s;
	-moz-transition: visibility .1s, opacity .1s;
	-o-transition: visibility .1s, opacity .1s;
}

.vjs-fade-out {
	transition:;
	display: block !important;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: visibility 1.5s, opacity 1.5s;
	-moz-transition: visibility 1.5s, opacity 1.5s;
	-o-transition: visibility 1.5s, opacity 1.5s;
	-webkit-transition-delay: 2s;
	-moz-transition-delay: 2s;
	-o-transition-delay: 2s;
}

.vjs-default-skin .vjs-hidden {
	display: none;
}

.vjs-lock-showing {
	display: block !important;
	visibility: visible;
	opacity: 1;
}

.vjs-default-skin {
	color: rgb(204, 204, 204);
}

.vjs-default-skin .vjs-slider {
	background: rgba(100, 100, 100, 0.5);
	padding: 0px;
	outline: 0px;
	position: relative;
	cursor: pointer;
}

.vjs-default-skin .vjs-slider:focus {
	background: rgba(100, 100, 100, 0.7);
	box-shadow: 0px 0px 2em #fff;
	-moz-box-shadow: 0 0 2em #fff;
	-webkit-box-shadow: 0 0 2em #fff;
}

.vjs-default-skin .vjs-slider-handle {
	left: 0px;
	top: 0px;
	width: 6px;
	height: 6px;
	position: absolute;
}

.vjs-default-skin .vjs-control-bar {
	margin: 0px;
	padding: 0px;
	left: 0px;
	height: 3em;
	right: 0px;
	bottom: 0px;
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	display: none;
	position: absolute;
	background-color: rgba(7, 40, 50, 0.7);
}

.vjs-default-skin .vjs-control {
	margin: 0px;
	padding: 0px;
	outline: 0px;
	width: 4em;
	height: 3em;
	text-align: center;
	float: left;
	position: relative;
}

.vjs-default-skin .vjs-control::before {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 2;
	font-family: VideoJS;
	font-size: 1.5em;
	position: absolute;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.vjs-default-skin .vjs-control:focus::before {
	text-shadow: 0px 0px 1em #fff;
}

.vjs-default-skin .vjs-control:hover::before {
	text-shadow: 0px 0px 1em #fff;
}

.vjs-default-skin .vjs-control-text {
	margin: -1px;
	padding: 0px;
	border: 0px currentColor;
	border-image: none;
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	clip: rect(0px, 0px, 0px, 0px);
}

.vjs-default-skin .vjs-play-control {
	background:
		url("/mpres/htmledition/images/icon/media/icon_videojs1e5b3a.png")
		no-repeat 0px 0px;
	width: 5em;
	cursor: pointer;
}

.vjs-playing.vjs-default-skin .vjs-play-control {
	background-position: -55px 10px;
}

.vjs-paused.vjs-default-skin .vjs-play-control {
	background-position: 20px 10px;
}

.vjs-default-skin .vjs-fullscreen-control {
	background:
		url("/mpres/htmledition/images/icon/media/icon_videojs1e5b3a.png")
		no-repeat -142px 10px;
}

.vjs-fullscreen.vjs-default-skin .vjs-fullscreen-control {
	background-position: -211px 10px;
}

.vjs-default-skin .vjs-mute-control {
	background:
		url("/mpres/htmledition/images/icon/media/icon_videojs1e5b3a.png")
		no-repeat -142px -50px;
	display: none;
}

.vjs-default-skin .vjs-vol-3.vjs-mute-control {
	background-position: -142px -50px;
}

.vjs-default-skin .vjs-vol-0.vjs-mute-control {
	background-position: 6px -50px;
}

.vjs-default-skin .vjs-mute-control {
	float: right;
	cursor: pointer;
}

.vjs-default-skin .vjs-volume-menu-button {
	float: right;
	cursor: pointer;
}

.vjs-default-skin .vjs-mute-control::before {
	content: "\e006";
}

.vjs-default-skin .vjs-volume-menu-button::before {
	content: "\e006";
}

.vjs-default-skin .vjs-vol-0.vjs-mute-control::before {
	content: "\e003";
}

.vjs-default-skin .vjs-vol-0.vjs-volume-menu-button::before {
	content: "\e003";
}

.vjs-default-skin .vjs-vol-1.vjs-mute-control::before {
	content: "\e004";
}

.vjs-default-skin .vjs-vol-1.vjs-volume-menu-button::before {
	content: "\e004";
}

.vjs-default-skin .vjs-vol-2.vjs-mute-control::before {
	content: "\e005";
}

.vjs-default-skin .vjs-vol-2.vjs-volume-menu-button::before {
	content: "\e005";
}

.vjs-default-skin .vjs-volume-control {
	width: 5em;
	float: right;
}

.vjs-default-skin .vjs-volume-bar {
	margin: 1.1em auto 0px;
	width: 5em;
	height: 5px;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
	height: 2.9em;
}

.vjs-default-skin .vjs-volume-level {
	left: 0px;
	top: 0px;
	height: 5px;
	position: absolute;
	background-color: rgb(90, 161, 221);
}

.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
	width: 0.5em;
	height: 5px;
}

.vjs-default-skin .vjs-volume-handle::before {
	left: -0.2em;
	top: -0.2em;
	width: 1em;
	height: 1em;
	font-size: 0.9em;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
	left: -4em;
	width: 6em;
}

.vjs-default-skin .vjs-progress-control {
	transition: top 0.4s, height 0.4s, font-size 0.4s, transform 0.4s;
	left: 0px;
	top: -5px;
	width: auto;
	height: 5px;
	right: 0px;
	font-size: 0.3em;
	position: absolute;
	-webkit-transition: top .4s, height .4s, font-size .4s,
		-webkit-transform .4s;
	-moz-transition: top .4s, height .4s, font-size .4s, -moz-transform .4s;
	-o-transition: top .4s, height .4s, font-size .4s, -o-transform .4s;
}

.vjs-default-skin:hover .vjs-progress-control {
	transition: top 0.2s, height 0.2s, font-size 0.2s, transform 0.2s;
	font-size: 0.9em;
	-webkit-transition: top .2s, height .2s, font-size .2s,
		-webkit-transform .2s;
	-moz-transition: top .2s, height .2s, font-size .2s, -moz-transform .2s;
	-o-transition: top .2s, height .2s, font-size .2s, -o-transform .2s;
}

.vjs-default-skin .vjs-progress-holder {
	height: 100%;
}

.vjs-default-skin .vjs-progress-holder .vjs-play-progress {
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	height: 100%;
	display: block;
	position: absolute;
}

.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	height: 100%;
	display: block;
	position: absolute;
}

.vjs-default-skin .vjs-play-progress {
	background-color: rgb(90, 161, 221);
}

.vjs-default-skin .vjs-load-progress {
	background: rgba(255, 255, 255, 0.4);
}

.vjs-default-skin .vjs-seek-handle {
	width: 1.5em;
	height: 100%;
}

.vjs-default-skin .vjs-seek-handle::before {
	padding-top: 0.1em;
}

.vjs-default-skin .vjs-time-controls {
	width: 35px;
	line-height: 3em;
	font-size: 1em;
}

.vjs-default-skin .vjs-current-time {
	float: left;
}

.vjs-default-skin .vjs-duration {
	float: left;
}

.vjs-default-skin .vjs-remaining-time {
	float: left;
	display: none;
}

.vjs-time-divider {
	line-height: 3em;
	float: left;
}

.vjs-default-skin .vjs-fullscreen-control {
	width: 3.8em;
	float: right;
	cursor: pointer;
}

.vjs-default-skin .vjs-big-play-button {
	background:
		url("/mpres/htmledition/images/icon/media/icon_videojs1e5b3a.png")
		no-repeat -275px 28px rgba(7, 40, 50, 0.7);
	border-radius: 25px;
	border: 2px solid rgba(255, 255, 255, 0.25);
	border-image: none;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 100px;
	text-align: center;
	margin-top: -50px;
	margin-left: -75px;
	vertical-align: middle;
	display: block;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	opacity: 1;
	box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
	-moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
	-webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 0.25);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
}

.vjs-default-skin:hover .vjs-big-play-button {
	outline: 0px;
	box-shadow: 0px 0px 3em #fff;
	background-color: rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0 0 3em #fff;
	-webkit-box-shadow: 0 0 3em #fff;
}

.vjs-default-skin .vjs-big-play-button:focus {
	outline: 0px;
	box-shadow: 0px 0px 3em #fff;
	background-color: rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0 0 3em #fff;
	-webkit-box-shadow: 0 0 3em #fff;
}

.vjs-loading-spinner {
	background:
		url("/mpres/htmledition/images/icon/common/icon32_loading_dark1e5b3a.gif")
		no-repeat 50% 50% rgba(0, 0, 0, 0.75);
	border-radius: 5px;
	left: 50%;
	top: 50%;
	width: 1em;
	height: 1em;
	line-height: 1;
	font-size: 5em;
	margin-top: -0.5em;
	margin-left: -0.5em;
	display: none;
	position: absolute;
	opacity: 0.75;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.vjs-default-skin .vjs-menu-button {
	float: right;
	cursor: pointer;
}

.vjs-default-skin .vjs-menu {
	left: 0px;
	width: 0px;
	height: 0px;
	bottom: 0px;
	margin-bottom: 3em;
	border-top-color: rgba(7, 40, 50, 0.5);
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-width: 1.55em;
	border-right-width: 2em;
	border-left-width: 2em;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	display: none;
	position: absolute;
}

.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
	margin: 0px;
	padding: 0px;
	left: -5em;
	width: 10em;
	bottom: 1.5em;
	overflow: auto;
	display: block;
	position: absolute;
	max-height: 15em;
	box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
	background-color: rgba(7, 40, 50, 0.7);
	-moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.5);
	-webkit-box-shadow: -20px -20px 0 rgba(255, 255, 255, 0.5);
}

.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
	display: block;
}

.vjs-default-skin .vjs-menu-button ul li {
	list-style: none;
	margin: 0px;
	padding: 0.3em 0px;
	text-align: center;
	text-transform: lowercase;
	line-height: 1.4em;
	font-size: 1.2em;
	font-weight: normal;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
	background-color: rgb(0, 0, 0);
}

.vjs-default-skin .vjs-menu-button ul li:focus {
	outline: 0px;
	color: rgb(17, 17, 17);
	box-shadow: 0px 0px 1em #fff;
	background-color: rgba(255, 255, 255, 0.75);
	-moz-box-shadow: 0 0 1em #fff;
	-webkit-box-shadow: 0 0 1em #fff;
}

.vjs-default-skin .vjs-menu-button ul li:hover {
	outline: 0px;
	color: rgb(17, 17, 17);
	box-shadow: 0px 0px 1em #fff;
	background-color: rgba(255, 255, 255, 0.75);
	-moz-box-shadow: 0 0 1em #fff;
	-webkit-box-shadow: 0 0 1em #fff;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus {
	outline: 0px;
	color: rgb(17, 17, 17);
	box-shadow: 0px 0px 1em #fff;
	background-color: rgba(255, 255, 255, 0.75);
	-moz-box-shadow: 0 0 1em #fff;
	-webkit-box-shadow: 0 0 1em #fff;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
	outline: 0px;
	color: rgb(17, 17, 17);
	box-shadow: 0px 0px 1em #fff;
	background-color: rgba(255, 255, 255, 0.75);
	-moz-box-shadow: 0 0 1em #fff;
	-webkit-box-shadow: 0 0 1em #fff;
}

.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
	margin: 0px 0px 0.3em;
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
	line-height: 2em;
	font-size: 1em;
	font-weight: bold;
	cursor: default;
}

.vjs-default-skin .vjs-subtitles-button::before {
	content: "\e00c";
}

.vjs-default-skin .vjs-captions-button::before {
	content: "\e008";
}

.vjs-default-skin .vjs-captions-button:focus .vjs-control-content::before
	{
	box-shadow: 0px 0px 1em #fff;
	-moz-box-shadow: 0 0 1em #fff;
	-webkit-box-shadow: 0 0 1em #fff;
}

.vjs-default-skin .vjs-captions-button:hover .vjs-control-content::before
	{
	box-shadow: 0px 0px 1em #fff;
	-moz-box-shadow: 0 0 1em #fff;
	-webkit-box-shadow: 0 0 1em #fff;
}

.videoBox .wxVideoPlayContent {
	display: none;
}

.videoBox .wxVideoScreenshot {
	border-radius: 5px;
	overflow: hidden;
	display: block;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.videoBox .wxImg {
	width: 100px;
	height: 100px;
	margin-bottom: -4px;
}

.videoBox .videoDuration {
	background: rgba(0, 0, 0, 0.5) !important;
	left: 0px;
	width: 100%;
	text-align: right;
	bottom: 0px;
	color: rgb(255, 255, 255);
	line-height: 20px;
	padding-right: 8px;
	margin-top: -6px;
	position: absolute;
}

.videoBox .videoDuration em {
	font-style: normal;
	font-weight: 400;
	margin-right: 8px;
}

.videoBox .iconVideo {
	left: 50%;
	top: 50%;
	margin-top: -18px;
	margin-left: -18px;
	position: absolute;
}

.wxVideoPlayer {
	border-radius: 5px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.wxVideoPlaying .wxVideoPlayContent {
	display: block;
}

.wxVideoPlaying .wxVideoScreenshot {
	display: none;
}

.video_switch i {
	width: 18px;
	height: 18px;
	padding-left: 0px;
	vertical-align: middle;
	display: inline-block;
}

.video_switch:hover i {
	background-position: -28px -280px;
}

.appmsg {
	border: 1px solid rgb(231, 231, 235);
	border-image: none;
	color: rgb(102, 102, 102);
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	background-color: rgb(255, 255, 255);
}

.appmsg_info {
	line-height: 20px;
	padding-bottom: 10px;
	font-size: 13px;
}

.appmsg_date {
	font-style: normal;
	font-weight: 400;
}

.appmsg_content {
	padding: 0px 14px;
	position: relative;
}

.appmsg_title {
	line-height: 28px;
	overflow: hidden;
	padding-top: 10px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	-ms-word-break: break-all;
	-ms-word-wrap: break-word;
	max-height: 56px;
}

.appmsg_title a {
	color: rgb(102, 102, 102);
	display: block;
}

.appmsg_thumb_wrp {
	height: 160px;
	overflow: hidden;
}

.appmsg_thumb {
	width: 100%;
}

.appmsg_desc {
	padding: 5px 0px 10px;
	-ms-word-break: break-all;
	-ms-word-wrap: break-word;
}

.appmsg_opr {
	border-top-color: rgb(231, 231, 235);
	border-top-width: 1px;
	border-top-style: solid;
	background-color: rgb(244, 244, 244);
}

.appmsg_opr ul {
	overflow: hidden;
}

.appmsg_opr_item {
	height: 44px;
	line-height: 44px;
	float: left;
}

.appmsg_opr_item a {
	text-align: center;
	text-decoration: none;
	border-right-color: rgb(231, 231, 235);
	border-right-width: 1px;
	border-right-style: solid;
	display: block;
}

.appmsg_opr_item a:hover {
	text-decoration: none;
}

.appmsg_opr_item a.no_extra {
	border-right-width: 0px;
}

.appmsg_item {
	padding: 20px 14px;
	border-top-color: rgb(231, 231, 235);
	border-top-width: 1px;
	border-top-style: solid;
	position: relative;
}

.appmsg_item::after {
	height: 0px;
	clear: both;
	display: block;
	content: "\200B";
}

.appmsg_item .appmsg_title {
	line-height: 24px;
	overflow: hidden;
	margin-top: 14px;
	max-height: 48px;
}

.appmsg_item .appmsg_thumb {
	width: 78px;
	height: 78px;
	margin-left: 14px;
	float: right;
}

.multi .appmsg_info {
	padding-top: 14px;
	padding-right: 14px;
	padding-left: 14px;
}

.multi .appmsg_content {
	padding: 0px;
}

.multi .appmsg_title {
	padding-top: 0px;
	font-size: 14px;
}

.cover_appmsg_item {
	margin: 0px 14px 14px;
	position: relative;
}

.cover_appmsg_item .appmsg_title {
	background: rgba(0, 0, 0, 0.6) !important;
	left: 0px;
	width: 100%;
	bottom: 0px;
	position: absolute;
}

.cover_appmsg_item .appmsg_title a {
	padding: 8px;
	color: rgb(255, 255, 255);
}

.appmsg_mask {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	z-index: 1;
	opacity: 0.6;
	background-color: rgb(0, 0, 0);
	-moz-opacity: .6;
	-khtml-opacity: .6;
}

.appmsg .icon_card_selected {
	left: 50%;
	top: 50%;
	line-height: 999em;
	overflow: hidden;
	margin-top: -23px;
	margin-left: -23px;
	display: none;
	position: absolute;
	z-index: 1;
}

.dialog_wrp .appmsg:hover {
	cursor: pointer;
}

.appmsg:hover .appmsg_mask {
	display: block;
}

.selected.appmsg .appmsg_mask {
	display: block;
}

.selected.appmsg .icon_card_selected {
	display: inline-block;
}

.default.appmsg_thumb {
	text-align: center;
	color: rgb(192, 192, 192);
	line-height: 160px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	display: block;
	background-color: rgb(236, 236, 236);
}

.appmsg_item .default.appmsg_thumb {
	line-height: 78px;
	font-size: 14px;
}

.appmsg_edit_mask {
	background: rgba(229, 229, 229, 0.85) !important;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	display: none;
	position: absolute;
}

.appmsg_item .appmsg_edit_mask {
	line-height: 118px;
}

.cover_appmsg_item .appmsg_edit_mask {
	line-height: 160px;
}

.appmsg_edit_mask a {
	margin-right: 8px;
	margin-left: 8px;
}

.editing .cover_appmsg_item:hover .appmsg_edit_mask {
	display: block;
}

.editing .appmsg_item:hover .appmsg_edit_mask {
	display: block;
}

.editing .appmsg_thumb {
	display: none;
}

.editing .default.appmsg_thumb {
	display: block;
}

.editing .has_thumb .appmsg_thumb {
	display: block;
}

.editing .has_thumb .default.appmsg_thumb {
	display: none;
}

.editing .appmsg_content {
	border-bottom-width: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

.multi.editing .appmsg_content {
	border-bottom-width: 1px;
}

.appmsg_add {
	margin: 20px 14px;
}

.tab_content .appmsg {
	width: 320px;
}

.appmsg_list {
	margin: 0px 30px;
	text-align: justify;
	letter-spacing: -4px;
	font-size: 0px;
	-ms-text-justify: distribute-all-lines;
}

.appmsg_list::after {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 0px;
	overflow: hidden;
	font-size: 0px;
	display: inline-block;
	content: ".";
}

.appmsg_list .tj_item {
	text-align: left;
	font-size: 14px;
	-ms-text-justify: auto;
}

.appmsg_col {
	width: 32%;
	text-align: left;
	letter-spacing: normal;
	font-size: 14px;
	vertical-align: top;
	display: inline-block;
}

.appmsg_list.media_dialog {
	margin: 0px;
	padding: 28px 140px;
	height: 365px;
	position: relative;
	-ms-overflow-y: scroll;
}

.media_dialog .appmsg_col {
	width: 48%;
}

.iconAudio {
	background:
		url("/mpres/htmledition/images/icon/media/icon_audio_green1e5b3a.gif")
		no-repeat 0px 0px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	display: inline-block;
}

.iconVideo {
	background: url("/mpres/htmledition/images/icon_video1e5b3a.png")
		no-repeat 0px 0px;
	width: 36px;
	height: 36px;
	vertical-align: middle;
	display: inline-block;
}

.mediaBox {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(146, 181, 114) rgb(146, 181, 114) rgb(155, 182, 104);
	padding: 6px;
	border-radius: 8px;
	border-image: none;
	display: inline-block;
	cursor: pointer;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), inset 0px -1px 1px
		rgba(255, 255, 255, 0.1), inset 0px 1px 1px rgba(255, 255, 255, 0.2);
	background-color: rgb(194, 223, 166);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 -1px 1px
		rgba(255, 255, 255, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 -1px 1px
		rgba(255, 255, 255, 0.1), inset 0 1px 1px rgba(255, 255, 255, 0.2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.mediaBox .mediaContent {
	float: left;
}

.mediaBox .iconArrow {
	left: -7px;
	top: 8px;
	display: block;
	position: absolute;
}

.wxmImg {
	display: block;
	max-width: 100%;
}

.appmsgContentArea {
	-ms-word-break: break-all;
	-ms-word-wrap: break-word;
}

.appmsgImgArea {
	padding: 3px;
	margin-right: 4px;
	float: left;
}

.appmsgImgArea img {
	width: 80px;
	height: 80px;
	display: block;
}

.appmsgContentArea {
	overflow: hidden;
}

.appmsgContentArea .appmsgTitle {
	line-height: 21px;
	font-size: 14px;
}

.appmsgContentArea .appmsgDesc {
	color: rgb(102, 102, 102);
	line-height: 21px;
	font-size: 12px;
}

.appmsgFrom {
	color: rgb(34, 34, 34);
	font-size: 12px;
}

.resource.appmsgFrom {
	margin-top: 10px;
	margin-left: 90px;
}

.media_img {
	display: inline-block;
}

.icon_richvideo_create {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/richvideo_z1ec5f7.png")
		no-repeat 0px 0px;
	width: 38px;
	height: 38px;
	vertical-align: middle;
	display: inline-block;
}

a:hover .icon_richvideo_create {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/richvideo_z1ec5f7.png")
		no-repeat 0px -48px;
}

.icon_richvideo_small {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/richvideo_z1ec5f7.png")
		no-repeat 0px -96px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	display: inline-block;
}

a:hover .icon_richvideo_small {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/richvideo_z1ec5f7.png")
		no-repeat 0px -124px;
}

.icon_richvideo_error {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/richvideo_z1ec5f7.png")
		no-repeat 0px -152px;
	width: 86px;
	height: 86px;
	vertical-align: middle;
	display: inline-block;
}

.icon_video {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/richvideo_z1ec5f7.png")
		no-repeat 0px -248px;
	width: 50px;
	height: 50px;
	vertical-align: middle;
	display: inline-block;
}

.richvideo_list {
	margin: 0px 46px;
	text-align: justify;
	letter-spacing: -4px;
	padding-top: 38px;
	font-size: 0px;
	-ms-text-justify: distribute-all-lines;
}

.richvideo_list::after {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 0px;
	overflow: hidden;
	font-size: 0px;
	display: inline-block;
	content: ".";
}

.richvideo_list .tj_item {
	text-align: left;
	font-size: 14px;
	-ms-text-justify: auto;
}

.richvideo_col {
	width: 48%;
	text-align: left;
	letter-spacing: normal;
	font-size: 14px;
	vertical-align: top;
	display: inline-block;
}

.richvideo_list.media_dialog {
	margin: 0px;
	padding: 28px 150px;
	height: 365px;
	position: relative;
	-ms-overflow-y: scroll;
}

.richvideo {
	border: 1px solid rgb(231, 231, 235);
	border-image: none;
	color: rgb(141, 141, 141);
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	background-color: rgb(255, 255, 255);
}

.richvideo_content {
	padding: 10px 14px 16px;
	position: relative;
}

.richvideo_content .title {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	-ms-word-break: break-all;
	-ms-word-wrap: break-word;
}

.richvideo_content .video_info {
	line-height: 20px;
	padding-bottom: 6px;
	font-size: 13px;
}

.richvideo_content .video_info::after {
	height: 0px;
	clear: both;
	display: block;
	content: "\200B";
}

.richvideo_content .video_info em {
	font-style: normal;
	font-weight: 400;
}

.richvideo_content .video_info .time {
	float: left;
}

.richvideo_content .video_info .res {
	color: rgb(141, 141, 141);
}

.richvideo_content .video_wrp {
	min-height: 160px;
}

.richvideo_content .video_player {
	height: 160px;
	overflow: hidden;
	display: none;
}

.richvideo_content .video_player video {
	width: 100%;
	height: 100%;
}

.richvideo_content .video_shot {
	height: 160px;
	position: relative;
	cursor: pointer;
}

.richvideo_content .video_shot img {
	width: 100%;
	height: 100%;
	max-height: none;
	max-width: none;
}

.richvideo_content .icon_video {
	left: 50%;
	top: 50%;
	margin-top: -32px;
	margin-left: -18px;
	position: absolute;
}

.richvideo_content .video_duration {
	background: rgba(0, 0, 0, 0.6) !important;
	left: 0px;
	width: 100%;
	height: 24px;
	text-align: right;
	bottom: 0px;
	color: rgb(255, 255, 255);
	line-height: 24px;
	position: absolute;
}

.richvideo_content .video_duration em {
	font-style: normal;
	font-weight: 400;
	margin-right: 14px;
}

.richvideo_content .video_desc {
	-ms-word-break: break-all;
	-ms-word-wrap: break-word;
}

.richvideo_mask {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	z-index: 1;
	opacity: 0.6;
	background-color: rgb(0, 0, 0);
	-moz-opacity: .6;
	-khtml-opacity: .6;
}

.richvideo .icon_card_selected {
	left: 50%;
	top: 50%;
	line-height: 999em;
	overflow: hidden;
	margin-top: -23px;
	margin-left: -23px;
	display: none;
	position: absolute;
	z-index: 1;
}

.richvideo .richvideo_tips {
	left: 0px;
	top: 0px;
	text-align: center;
	right: 0px;
	color: rgb(255, 255, 255);
	margin-top: 35px;
	display: none;
	position: absolute;
	z-index: 1;
}

.richvideo .richvideo_tips .icon_richvideo_error {
	margin-bottom: 14px;
}

.richvideo .richvideo_tips a {
	color: rgb(31, 149, 192);
}

.richvideo .loading_tips {
	background: rgba(0, 0, 0, 0.75) !important;
	border-radius: 3px;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 80px;
	text-align: center;
	color: rgb(255, 255, 255);
	margin-top: -40px;
	margin-left: -50px;
	position: absolute;
	z-index: 1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.richvideo .loading_tips i {
	margin: 10px 0px 0px;
	position: static;
}

.dialog_wrp .richvideo:hover {
	cursor: pointer;
}

.dialog_wrp .richvideo:hover .richvideo_mask {
	display: block;
}

.selected.richvideo .richvideo_mask {
	display: block;
}

.selected.richvideo .icon_card_selected {
	display: inline-block;
}

.no_title.richvideo .richvideo_mask {
	display: block;
}

.no_title.richvideo .richvideo_tips {
	display: block;
}

.tab_content .richvideo {
	width: 320px;
}

.richvideo_opr {
	border-top-color: rgb(231, 231, 235);
	border-top-width: 1px;
	border-top-style: solid;
	background-color: rgb(244, 244, 244);
}

.richvideo_opr_item {
	height: 44px;
	line-height: 44px;
}

.richvideo_opr_item a {
	text-align: center;
	border-right-color: rgb(231, 231, 235);
	border-right-width: 1px;
	border-right-style: solid;
	display: block;
}

.no_extra.richvideo_opr_item a {
	border-right-width: 0px;
}

.icon_appmsg_create {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px 0px;
	width: 38px;
	height: 38px;
	vertical-align: middle;
	display: inline-block;
}

a:hover .icon_appmsg_create {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -48px;
}

.multi.icon_appmsg_create {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -96px;
}

a:hover .multi.icon_appmsg_create {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -144px;
}

.icon_shopmsg_create {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -192px;
	width: 38px;
	height: 38px;
	vertical-align: middle;
	display: inline-block;
}

a:hover .icon_shopmsg_create {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -240px;
}

.multi.icon_shopmsg_create {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -288px;
}

a:hover .multi.icon_shopmsg_create {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -336px;
}

.icon_appmsg_small {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -384px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	display: inline-block;
}

a:hover .icon_appmsg_small {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -412px;
}

.multi.icon_appmsg_small {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -440px;
}

a:hover .multi.icon_appmsg_small {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -468px;
}

.icon_shopmsg_small {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -496px;
	width: 18px;
	height: 18px;
	vertical-align: middle;
	display: inline-block;
}

a:hover .icon_shopmsg_small {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -524px;
}

.multi.icon_shopmsg_small {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -552px;
}

a:hover .multi.icon_shopmsg_small {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/media/media_dialog_z1ec5f7.png")
		no-repeat 0px -580px;
}

.dialog_media_container {
	height: 480px;
	position: relative;
}

.no_media.dialog_media_container {
	text-align: center;
}

.richvideo_create a {
	margin: 0px 10px;
	color: rgb(34, 34, 34);
	vertical-align: top;
	display: inline-block;
}

.richvideo_create a:hover strong {
	text-decoration: underline;
}

.richvideo_create i {
	cursor: pointer;
}

.richvideo_create strong {
	font-style: normal;
	font-weight: 400;
	margin-left: 3px;
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
}

.appmsg_create a {
	margin: 0px 10px;
	color: rgb(34, 34, 34);
	vertical-align: top;
	display: inline-block;
}

.appmsg_create a:hover strong {
	text-decoration: underline;
}

.appmsg_create i {
	cursor: pointer;
}

.appmsg_create strong {
	font-style: normal;
	font-weight: 400;
	margin-left: 3px;
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
}

.no_media_wrp {
	width: 99%;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}

.no_media_wrp .tips {
	color: rgb(141, 141, 141);
	margin-bottom: 40px;
}

.no_media_wrp .btn_upload.btn {
	height: 30px;
	line-height: 30px;
	padding-right: 36px;
	padding-left: 36px;
}

.no_media_wrp .upload_tips {
	color: rgb(141, 141, 141);
	margin-top: 5px;
	display: block;
}

.icon32_loading {
	left: 50%;
	top: 50%;
	margin-top: -16px;
	margin-left: -16px;
	position: absolute;
}

.dialog_media_list {
	height: 420px;
	position: relative;
	-ms-overflow-y: scroll;
}

.img.dialog_media_list .media_item {
	min-height: 72px;
}

.img.dialog_media_list .media_info {
	margin-left: 140px;
}

.img.dialog_media_list .media_info .frm_radio_label {
	left: -140px;
	top: 0px;
	position: absolute;
}

.img.dialog_media_list .media_content {
	left: 30px;
	top: 20px;
	padding-top: 0px;
	margin-left: 0px;
	position: absolute;
}

.img.dialog_media_list .media_name {
	display: block;
}

.img.dialog_media_list .media_time {
	top: 0px;
	right: 0px;
	position: absolute;
}

.img.dialog_media_list .media_size {
	float: none;
}

.dialog_media_list .media_item {
	padding: 20px;
	color: rgb(141, 141, 141);
	border-bottom-color: rgb(231, 231, 235);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	position: relative;
}

.dialog_media_list .media_info {
	position: relative;
	min-height: 22px;
}

.dialog_media_list .media_content {
	padding-top: 8px;
	margin-left: 24px;
}

.dialog_media_list .media_name {
	width: auto;
	overflow: hidden;
	font-style: normal;
	font-weight: 400;
	display: inline-block;
	white-space: nowrap;
	-ms-word-wrap: normal;
	-ms-text-overflow: ellipsis;
	max-width: 400px;
}

.dialog_media_list .media_size {
	top: 0px;
	right: 140px;
	position: absolute;
}

.dialog_media_list .media_time {
	top: 0px;
	width: 130px;
	text-align: right;
	right: 0px;
	position: absolute;
}

.dialog_media_list .media_img img {
	max-height: 70px;
	max-width: 100px;
}

.emotion_switch.icon_emotion {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/emotion_editor_z1ec5f7.png")
		no-repeat 0px 0px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	display: inline-block;
}

.emotion_switch.icon_emotion:hover {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/emotion_editor_z1ec5f7.png")
		no-repeat 0px -30px;
}

.emotion_editor {
	border-radius: 0px;
	border: 1px solid rgb(231, 231, 235);
	border-image: none;
	position: relative;
	z-index: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.test .emotion_editor {
	margin: 20px;
}

.emotion_editor .edit_area {
	padding: 14px 20px;
	outline: 0px;
	height: 188px;
	-ms-word-break: break-all;
	-ms-word-wrap: break-word;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	background-color: rgb(255, 255, 255);
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
}

.emotion_editor .edit_area img {
	vertical-align: middle;
}

.editor_toolbar {
	padding: 0px 20px;
	line-height: 36px;
	border-top-color: rgb(231, 231, 235);
	border-top-width: 1px;
	border-top-style: solid;
	background-color: rgb(255, 255, 255);
}

.editor_toolbar::after {
	height: 0px;
	clear: both;
	display: block;
	content: "\200B";
}

.editor_tip {
	color: rgb(141, 141, 141);
	float: right;
}

.editor_tip em {
	font-style: normal;
	font-weight: 400;
	margin-right: 3px;
	margin-left: 3px;
}

.editor_tip .warn {
	color: rgb(225, 95, 99);
}

.emotion_switch {
	height: 28px;
	line-height: 999em;
	overflow: hidden;
	margin-top: 8px;
	float: left;
}

.emotion_wrp {
	left: 20px;
	top: 100%;
	width: 421px;
	display: none;
	position: absolute;
}

.emotions {
	overflow: hidden;
	border-top-color: rgb(231, 231, 235);
	border-right-color: rgb(231, 231, 235);
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	background-color: rgb(231, 231, 235);
	-moz-user-select: none;
}

.emotions_item {
	width: 27px;
	height: 27px;
	text-align: center;
	line-height: 27px;
	font-size: 0px;
	border-bottom-color: rgb(231, 231, 235);
	border-left-color: rgb(231, 231, 235);
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	float: left;
	background-color: rgb(255, 255, 255);
}

.emotions_item:hover {
	background: rgba(255, 255, 255, 0.75) !important;
}

.emotions_item i {
	background:
		url("/mpres/htmledition/images/icon/emotion/default1e5b3a.gif")
		no-repeat 0px 0px;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	display: inline-block;
	cursor: pointer;
}

.emotions_preview {
	border: 1px solid rgb(231, 231, 235);
	border-image: none;
	top: 0px;
	width: 80px;
	height: 80px;
	text-align: center;
	right: -81px;
	line-height: 80px;
	font-size: 0px;
	display: block;
	position: absolute;
	background-color: rgb(255, 255, 255);
}

.emotions_preview img {
	left: 50%;
	top: 50%;
	margin-top: -12px;
	margin-left: -12px;
	position: absolute;
}

.icon_msg_sender {
	width: 20px;
	height: 20px;
	margin-top: -2px;
	margin-right: 3px;
	vertical-align: middle;
	display: inline-block;
}

.tab_text .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px 0px;
}

.selected.tab_text .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -30px;
}

.tab_text:hover .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -60px;
}

.tab_img .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -90px;
}

.selected.tab_img .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -120px;
}

.tab_img:hover .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -150px;
}

.tab_video .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -180px;
}

.selected.tab_video .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -210px;
}

.tab_video:hover .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -240px;
}

.tab_audio .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -270px;
}

.selected.tab_audio .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -300px;
}

.tab_audio:hover .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -330px;
}

.tab_appmsg .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -360px;
}

.selected.tab_appmsg .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -390px;
}

.tab_appmsg:hover .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -420px;
}

.tab_commondity_appmsg .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -450px;
}

.selected.tab_commondity_appmsg .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -480px;
}

.tab_commondity_appmsg:hover .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -510px;
}

.tab_card .icon_msg_sender {
	background:
		url("/mpres/htmledition/images/icon/msg-sender/icon_msg_sender_card.png?__sprite")
		no-repeat 0px 0px;
}

.selected.tab_card .icon_msg_sender {
	background:
		url("/mpres/htmledition/images/icon/msg-sender/icon_msg_sender_card_selected.png?__sprite")
		no-repeat 0px 0px;
}

.tab_card:hover .icon_msg_sender {
	background:
		url("/mpres/htmledition/images/icon/msg-sender/icon_msg_sender_card_selected.png?__sprite")
		no-repeat 0px 0px;
}

.tab_cardmsg .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -540px;
	width: 22px;
}

.selected.tab_cardmsg .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -572px;
}

.tab_cardmsg:hover .icon_msg_sender {
	background:
		url("/mpres/zh_CN/htmledition/comm_htmledition/style/widget/msg_tab_z1f8975.png")
		no-repeat 0px -604px;
}

.msg_sender .tab_navs {
	height: 38px;
	line-height: 38px;
	background-color: rgb(255, 255, 255);
}

.msg_sender .selected.tab_nav {
	background-color: rgb(255, 255, 255);
}

.tab_panel {
	min-height: 216px;
	background-color: rgb(255, 255, 255);
}

.tab_content {
	padding: 35px 30px 0px;
}

.tab_content .inner {
	padding: 14px 20px;
	border-radius: 3px;
	border: 1px solid rgb(198, 198, 198);
	border-image: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.tab_content .no_extra.inner {
	border-width: 0px;
	padding: 0px;
}

.verifycode img {
	height: 32px;
	vertical-align: middle;
}

.verifycode a {
	margin-left: 3px;
}

.verifycode .frm_input_box {
	width: 78px;
	display: inline-block;
}

.verifycode .frm_control_group {
	padding: 0.5em 0px;
}

.frm_controls .verifycode {
	padding: 0px;
}

.msg_sender {
	border: 1px solid rgb(231, 231, 235);
	border-image: none;
}

.msg_sender .tab_navs {
	border-top-width: 0px;
}

.msg_sender .tab_content {
	padding: 0px;
}

.msg_sender .tab_content .inner {
	border-width: 0px;
}

.msg_sender .tab_panel {
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

.msg_sender .emotion_editor {
	border-width: 0px;
}

.msg_sender .richvideo {
	margin-bottom: 0px;
}

.msg_sender .appmsg {
	margin-bottom: 0px;
}

.small.msg_sender .tab_nav a {
	padding-right: 10px;
	padding-left: 10px;
}

.msg_card {
	border-radius: 5px;
	border: 1px solid rgb(231, 231, 235);
	border-image: none;
	width: 297px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.msg_card .card_content {
	padding: 21px 13px 21px 84px;
	border-radius: 3px 3px 0px 0px;
	height: 60px;
	color: rgb(255, 255, 255);
	line-height: 57px;
	font-size: 18px;
	font-weight: normal;
	position: relative;
	background-color: rgb(50, 116, 187);
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}

.msg_card .card_content .logo {
	border-radius: 30px;
	left: 13px;
	top: 21px;
	width: 60px;
	height: 60px;
	padding-top: 0px;
	margin-top: 0px;
	display: block;
	position: absolute;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

.msg_card .card_content h4 {
	font-weight: normal;
}

 

.msg_card .store {
	padding: 7px 13px;
	border-radius: 0px 0px 3px 3px;
	color: rgb(141, 141, 141);
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
}